<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <!-- <div id="content">
        <h1>我是一个文本</h1>
    </div>
    <input type="text" value="我是一个文本框" id="txt">
    <input type="text" value="我是一个文本框2" id="txt2"> -->

    <!-- <a href="baidu.com">百度</a> -->
    <!-- <button id="btn">点我看看</button> -->

    <!-- <div style="color: red;">你好</div> -->

    <ol>
        <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li>
    </ol>

    <script src="jquery-3.7.1.min.js"></script>
    <script>
        // $(document).ready(function () {
        //     // console.log("文档加载完成");
        //     $("#btn").click(function(){
        //         // $(this).hide();
        //         // $("#content").text("<h1>我是修改后的内容</h1>");
        //         $("#content").html("<h1>我是修改后的内容</h1>");
        //         $("#txt2").val("修改文本框");
        //     });

        //     let content = $("#content").text();
        //     console.log(content);

        //     let content2 = $("#content").html();
        //     console.log(content2);

        //     let inputVal = $("#txt").val();
        //     console.log(inputVal);
           
            
        // });
 
        // let href = $("a").attr("href");
        // console.log(href);
        
        // $("a").attr("href", "youdao.com");

        // let color = $("div").css("color");
        // console.log(color);
        // $("div").css("color","blue");
        // $("div").css("font-size","40px");

        // $("ol").append("append元素的结尾");
        // $("ol").prepend("prepend");
        // $("ol").after("after");
        // $("ol").before("before");


        // $("ol").remove();
        $("ol").empty();
    </script>

</body>
</html>